<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>캠핑예약화면</title>
<link href="./base.css" rel="stylesheet">
<style type="text/css">

</style>
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="header_img">
				<div><img src="./camping_logo.jpg">
					<img src="./key.gif" class="fr">
				</div>
				<div id="topMenuLogo">
					<img alt="" src="./campinglogo.gif" class="fr">
				</div>
			</div>
			
			
			<div id="topMenuList">
				<div class="fl">
					<img alt="" src="./reservation_img.jpg" style="margin-bottom: 0px;">
				</div>
				<div class="fr topLeftMenu">
					<ul>
						<li><a href=""><img alt="" src="./img/menu_down_1.jpg"> </a></li>
						<li><a href=""><img alt="" src="./img/menu_down_2.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_3.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_4.jpg"></a></li>
					</ul>
				</div>
			</div>
			<div id="line">
				
			</div>
		</div>
		<div id="body">
			<table style="width: 100%;">
				<tr>
					<td style="width: 30%;">
						<table style="width: 100%;">
							<tr>
								<td>일</td>
								<td>월</td>
								<td>화</td>
								<td>수</td>
								<td>목</td>
								<td>금</td>
								<td>토</td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td>1</td>
								<td>2</td>
							</tr>
							<tr>
								<td>3</td>
								<td>4</td>
								<td>5</td>
								<td>6</td>
								<td>7</td>
								<td>8</td>
								<td>9</td>
							</tr>
						</table>
						오늘 : 2013-01-22(화)
					</td>
					<td width="60%">
						<table style="width: 100%;" class="ddf">
							<colgroup>
								<col width="80">
								<col width="*">
							</colgroup>
							<tbody>
								<tr>
									<th scope="row">캠핑장명</td>
									<td>마린피아</td>
								</tr>
								<tr>
									<th scope="row">결제안내</th>
									<td>무통장계좌 222-22-22222</td>
								</tr>
								<tr>
									<th scope="row">요금기간</th>
									<td>겨울 성수기</td>
								</tr>
								<tr>
									<td colspan="2">
									달력에서 이용일자를 클릭 후 원하시는 객실을 체크한 후 예약하기 버튼을 클릭하세요
									</td>
								</tr>							
							</tbody>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						이용일자(예약시작일) : 2013-02-09(토)
					</td>
					<td align="right">
						<img alt="" src="./img/charge_bisu.jpg" > 비수기
						<img alt="" src="./img/charge_sungsu.jpg" > 성수기
						<img alt="" src="./img/charge_junsung.jpg" > 준성수기
						<img alt="" src="./img/charge_sale.jpg" > 할인기간
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<table class="cal1">
							<colgroup>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col>
								<col>
							</colgroup>
							<tbody>
								<tr>
									<th>객실명</th>
									<th>상태</th>
									<th>기준/최대</th>
									<th>이용기간</th>
									<th>인원</th>
									<th>주중</th>
									<th>금요일</th>
									<th>주말(토)<br/>공휴일전날</th>
								</tr>
								<tr>
									<td>
									 <input name="" type="checkbox" value="" />
									객실명</td>
									<td>
<!-- 										<img alt="" src="./img/reservation_end.jpg"> -->
<!-- 										예약완료 -->
<!-- 										<img alt="" src="./img/reservation_standby.jpg"> -->
<!-- 										예약대기 -->
										<img alt="" src="./img/reservation_yes.jpg">
<!-- 										예약가능 -->
									</td>
									<td>기준/최대</td>
									<td>
										<select>
											<option value="1">1박</option>
											<option value="2">2박</option>
											<option value="3">3박</option>
											<option value="4">4박</option>
											<option value="5">5박</option>
										</select>
									</td>
									<td>인원</td>
									<td>주중</td>
									<td>금요일</td>
									<td>주말(토)<br/>공휴일전날</td>
								</tr>
								<tr class="over">
									<td>
									 <input name="" type="checkbox" value="" />
									객실명</td>
									<td>
<!-- 										<img alt="" src="./img/reservation_end.jpg"> -->
<!-- 										예약완료 -->
<!-- 										<img alt="" src="./img/reservation_standby.jpg"> -->
<!-- 										예약대기 -->
										<img alt="" src="./img/reservation_yes.jpg">
<!-- 										예약가능 -->
									</td>
									<td>기준/최대</td>
									<td>
										<select>
											<option value="1">1박</option>
											<option value="2">2박</option>
											<option value="3">3박</option>
											<option value="4">4박</option>
											<option value="5">5박</option>
										</select>
									</td>
									<td>
										성인 <select>
											<option value="1">1</option>
											<option value="2">2</option>
										</select><br>
										아동 <select>
											<option value="1">1</option>
											<option value="2">2</option>
										</select><br>
										유아 <select>
											<option value="1">1</option>
											<option value="2">2</option>
										</select><br>
									</td>
									<td>주중</td>
									<td>금요일</td>
									<td>주말(토)<br/>공휴일전날</td>
								</tr>
								<tr>
									<td>
									 <input name="" type="checkbox" value="" />
									객실명</td>
									<td style="text-align: center;">
<!-- 										<img alt="" src="./img/reservation_end.jpg"> -->
<!-- 										예약완료 -->
<!-- 										<img alt="" src="./img/reservation_standby.jpg"> -->
<!-- 										예약대기 -->
										<img alt="" src="./img/reservation_yes.jpg">
<!-- 										예약가능 -->
									</td>
									<td>기준/최대</td>
									<td>
										<select>
											<option value="1">1박</option>
											<option value="2">2박</option>
											<option value="3">3박</option>
											<option value="4">4박</option>
											<option value="5">5박</option>
										</select>
									</td>
									<td>
										성인 <select>
											<option value="1">1</option>
											<option value="2">2</option>
										</select><br>
										아동 <select>
											<option value="1">1</option>
											<option value="2">2</option>
										</select><br>
										유아 <select>
											<option value="1">1</option>
											<option value="2">2</option>
										</select><br>
									</td>
									<td>
									<img alt="" src="./img/charge_bisu.jpg" > 210,000
									</td>
									<td>
									<img alt="" src="./img/charge_bisu.jpg" > 210,000
									</td>
									<td>
									<img alt="" src="./img/charge_bisu.jpg" > 210,000
									</td>
								</tr>
							</tbody>
						</table>
						
						<table style="width: 100%;margin-top: 10px;">
							<tr>
								<td align="center" style="text-align: center;">
									<img alt="" src="./img/btn_back.gif">
									<img alt="" src="./img/btn_reservation.gif" >
								</td>
							</tr>
						</table>

						
					</td>
				</tr>
			</table>
		</div>
	</div>	
</body>
</html>